page{
    background-color: rgb(236, 236, 236);
}
.user_info_warp{
    height: 45vh;
    background-color: #5c8bf8;
    overflow: hidden;
    position: relative;
    .user_img_warp{
        position: relative;
        .user_bg{
            height: 45vh;
            // css3高斯模糊
            filter: blur(5px);
        }
        .user_info{
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: 20%;
            text-align: center;
            .user_icon{
                height: 150rpx;
                width:150rpx;
                border-radius: 50%;
            }
            .user_name{
                margin-top: 40rpx;
                font-size: 36rpx;
                color: #fff;
            }
        }
    }
    .user_btn{
        position: absolute;
        left: 50%;
        top: 35%;
        transform: translateX(-50%);
        border: 1px solid #fff;
        padding: 18rpx 48rpx;
        font-size: 24rpx;
        border-radius: 12rpx;
        color: #fff;
    }
}
.user_content{
    position: relative;
    
    .user_main{
        position: absolute;
        left: 50%;
        width: 90%;
        transform: translateX(-50%);
        top: -50rpx;
        .history_warp{
            display: flex;
            text-align: center;
            background-color: #fff;
            navigator{
                flex: 1;  
                padding: 12rpx;
                .his_num{
                    color: red;
                }
                .his_name{
                    font-size: 24rpx;
                    color: #666;
                    

                }              
            }
        }
        .orders_warp{
            margin-top: 10rpx;
            background-color: #fff;
            .orders_title{
                padding:20rpx 15rpx;
                border-bottom:1rpx solid #ccc ;
            }
            .order_content{
                display: flex;
                margin-top: 10rpx;
                navigator{
                    flex: 1;
                    text-align: center;
                    padding: 12rpx;
                    .iconfont{
                        color: red;
                    }
                    .order_name{
                        margin-top:5rpx;
                        font-size: 24rpx;

                    }
                }
            }
        }
        .address_warp{
            margin-top: 10rpx;
            background-color: #fff;
            .user_address{
                padding:20rpx 15rpx;
            }
        }
        .app_info_warp{
            margin-top: 10rpx;
            background-color: #fff;
            .user_kefu{
                padding:20rpx 15rpx;
                border-bottom: 1rpx solid #eee;
                display: flex;
                // flex-shrink: ;
                justify-content: space-between;
            }
            .user_fk{
                padding:20rpx 15rpx;
                border-bottom: 1rpx solid #eee;
            }
            .user_gy{
                padding:20rpx 15rpx;
                border-bottom: 1rpx solid #eee;
            }
        }
        .recommend_warp{
            margin: 10rpx 0;
            background-color: #fff;
            
            .user_btn{
                height: 80rpx;
                width: 100%;
                font-size: 24rpx;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }
    }
}